<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="divport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>首页</title>
  <link rel="stylesheet" type="text/css" href="css/animate.min.css">
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="css/iconfont.css">
  <link type="text/css" rel="stylesheet" href="css/style.css">
  <link type="text/css" rel="stylesheet" href="css/index.css">
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/script.js"></script>
  <script src="js/index.js"></script>
</head>

<body>

  <!-- 底部菜单 -->
  <div class="snail-router">
    <a href="index.html" class="li choose">
      <div class="icon">
        <img src="images/tab/home_choose.png">
      </div>
      <div class="text">首页</div>
    </a>
    <a href="community.html" class="li">
      <div class="icon">
        <img src="images/tab/community.png">
      </div>
      <div class="text">社区</div>
    </a>
    <a href="record.html" class="li">
      <div class="icon">
        <img src="images/tab/mine.png">
      </div>
      <div class="text">记录</div>
    </a>
    <a href="#" class="li">
      <div class="icon">
        <img src="images/tab/VIPicon.png">
      </div>
      <div class="text">会员</div>
    </a>
    <a href="#" class="li">
      <div class="icon">
        <img src="images/tab/more.png">
      </div>
      <div class="text">我的</div>
    </a>
  </div>

  <div class="top">
    <div class="sweep-code">
      <i class="iconfont icon-book_bar_code"></i>
    </div>
    <div class="search">
      <i class="iconfont icon-search"></i>
      <span>读前搜一搜</span>
    </div>
  </div>

  <div class="header">
    <div class="index-banner">
      <div class="swiper-container">
        <div class="swiper-wrapper">
        </div>
        <!-- 分页器 -->
        <div class="swiper-pagination"></div>
      </div>
    </div>

    <div class="index-nav">
      <div class="nav-li">
        <img class="nav-img" src="images/index/reading_plan.png">
        <div class="title">阅读计划</div>
      </div>
      <div class="nav-li">
        <img class="nav-img" src="images/index/books_containing_tips.png">
        <div class="title">蜗牛书库</div>
      </div>
      <div class="nav-li">
        <img class="nav-img" src="images/index/chosen_video_new.png">
        <div class="title">童声频道</div>
      </div>
      <div class="nav-li">
        <img class="nav-img" src="images/index/LiDu_Parenting.png">
        <div class="title">李杜育儿</div>
      </div>
    </div>
  </div>

  <!-- 新人专享 -->
  <div class="container">
    <div class="index-title">
      <span class="title">新人专享</span>
      <span class="desc">购书含课，免费试学</span>
    </div>
    <div class="book-list">
      <div class="li">
        <div class="cover">
          <img src="https://image.snaily.com.cn/5cc980eabbc07.png">
          <div class="line"></div>
        </div>
        <div class="intro">
          <div class="book-title">低幼 | 绘本大师 | 免费试学 | Brown Bear Brown Bear What Do Yo ….</div>
          <div class="book-label">
            <span>1本原版英文绘本</span>
            <span>10条学习内容</span>
            <span>1件教具</span>
          </div>
          <div class="book-bottom">
            <div class="book-price">
              <div class="now-price">
                <span class="symbol">￥</span>
                <span class="price">29</span>
              </div>
              <div class="ago-price">￥49</div>
            </div>
            <div class="book-botton">限购1本</div>
          </div>
        </div>
      </div>
      <div class="li">
        <div class="cover">
          <img src="https://image.snaily.com.cn/5cc980eabbc07.png">
          <div class="line"></div>
        </div>
        <div class="intro">
          <div class="book-title">低幼 | 绘本大师 | 免费试学 | Brown Bear Brown Bear What Do Yo ….</div>
          <div class="book-label">
            <span>1本原版英文绘本</span>
            <span>10条学习内容</span>
            <span>1件教具</span>
          </div>
          <div class="book-bottom">
            <div class="book-price">
              <div class="now-price">
                <span class="symbol">￥</span>
                <span class="price">29</span>
              </div>
              <div class="ago-price">￥49</div>
            </div>
            <div class="book-botton">限购1本</div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 启蒙书盒 -->
  <div class="container bookbox-con">
    <div class="index-title">
      <span class="title">启蒙书盒</span>
    </div>
    <div id="bookbox-wrapper" class="bookbox-wrapper">
      <div class="bookbox-list">
        <div class="li">
          <div class="cover">
            <img src="https://hbimg.huabanimg.com/89ce363952f9b407046502fafe0a6c41e4944bd4c640d-1w2k5o_fw658">
            <div class="new">
              <img src="https://image.snaily.com.cn/NEW.png">
            </div>
          </div>
          <div class="intro">
            <div class="book-label">
              <span>1本原版英文绘本</span>
              <span>10条学习内容</span>
            </div>
            <div class="book-title">1岁+ | 生活场景 | 布布书 | Ten Tiny Toes Are in The Jungle</div>
            <div class="book-bottom">
              <div class="book-price">
                <div class="now-price">
                  <span class="symbol">￥</span>
                  <span class="price">49</span>
                </div>
                <div class="ago-price">￥49</div>
              </div>
            </div>
          </div>
        </div>
        <div class="li">
          <div class="cover">
            <img src="https://hbimg.huabanimg.com/89ce363952f9b407046502fafe0a6c41e4944bd4c640d-1w2k5o_fw658">
            <div class="new">
              <img src="https://image.snaily.com.cn/NEW.png">
            </div>
          </div>
          <div class="intro">
            <div class="book-label">
              <span>1本原版英文绘本</span>
              <span>10条学习内容</span>
            </div>
            <div class="book-title">1岁+ | 生活场景 | 布布书 | Ten Tiny Toes Are in The Jungle</div>
            <div class="book-bottom">
              <div class="book-price">
                <div class="now-price">
                  <span class="symbol">￥</span>
                  <span class="price">49</span>
                </div>
                <div class="ago-price">￥49</div>
              </div>
            </div>
          </div>
        </div>
        <div class="li">
          <div class="cover">
            <img src="https://hbimg.huabanimg.com/89ce363952f9b407046502fafe0a6c41e4944bd4c640d-1w2k5o_fw658">
            <div class="new">
              <img src="https://image.snaily.com.cn/NEW.png">
            </div>
          </div>
          <div class="intro">
            <div class="book-label">
              <span>1本原版英文绘本</span>
              <span>10条学习内容</span>
            </div>
            <div class="book-title">1岁+ | 生活场景 | 布布书 | Ten Tiny Toes Are in The Jungle</div>
            <div class="book-bottom">
              <div class="book-price">
                <div class="now-price">
                  <span class="symbol">￥</span>
                  <span class="price">49</span>
                </div>
                <div class="ago-price">￥49</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 必读推荐 -->
  <div class="container">
    <div class="index-title">
      <span class="title">必读推荐</span>
    </div>
    <div class="book-list">
      <div class="li">
        <div class="cover">
          <img src="https://image.snaily.com.cn/5cc980eabbc07.png">
          <div class="line"></div>
        </div>
        <div class="intro">
          <div class="book-title">1岁+ | 生活场景 | 布布书 | Ten Tiny Toes Are in The Jungle</div>
          <div class="book-label">
            <span>1本原版英文绘本</span>
            <span>10条学习内容</span>
          </div>
          <div class="book-bottom">
            <div class="book-price">
              <div class="now-price">
                <span class="symbol">￥</span>
                <span class="price">49</span>
              </div>
              <div class="vip-price">会员价39元</div>
            </div>
          </div>
        </div>
      </div>
      <div class="li">
        <div class="cover">
          <img src="https://image.snaily.com.cn/5cc980eabbc07.png">
          <div class="line"></div>
        </div>
        <div class="intro">
          <div class="book-title">1岁+ | 生活场景 | 布布书 | Ten Tiny Toes Are in The Jungle</div>
          <div class="book-label">
            <span>1本原版英文绘本</span>
            <span>10条学习内容</span>
          </div>
          <div class="book-bottom">
            <div class="book-price">
              <div class="now-price">
                <span class="symbol">￥</span>
                <span class="price">49</span>
              </div>
              <div class="vip-price">会员价39元</div>
            </div>
          </div>
        </div>
      </div>
      <div class="li">
        <div class="cover">
          <img src="https://image.snaily.com.cn/5cc980eabbc07.png">
          <div class="line"></div>
        </div>
        <div class="intro">
          <div class="book-title">1岁+ | 生活场景 | 布布书 | Ten Tiny Toes Are in The Jungle</div>
          <div class="book-label">
            <span>1本原版英文绘本</span>
            <span>10条学习内容</span>
          </div>
          <div class="book-bottom">
            <div class="book-price">
              <div class="now-price">
                <span class="symbol">￥</span>
                <span class="price">49</span>
              </div>
              <div class="vip-price">会员价39元</div>
            </div>
          </div>
        </div>
      </div>
      <div class="li">
        <div class="cover">
          <img src="https://image.snaily.com.cn/5cc980eabbc07.png">
          <div class="line"></div>
        </div>
        <div class="intro">
          <div class="book-title">1岁+ | 生活场景 | 布布书 | Ten Tiny Toes Are in The Jungle</div>
          <div class="book-label">
            <span>1本原版英文绘本</span>
            <span>10条学习内容</span>
          </div>
          <div class="book-bottom">
            <div class="book-price">
              <div class="now-price">
                <span class="symbol">￥</span>
                <span class="price">49</span>
              </div>
              <div class="vip-price">会员价39元</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="white-router"></div>

  <script src="js/swiper.min.js"></script>
  <script src="js/swiper.animate.min.js"></script>
  <script src="js/iscroll.js"></script>
  <script>
    var myScroll = new IScroll('#bookbox-wrapper', {
      scrollX: true
    });
  </script>

</body>

</html>